@import "../common.less";

.new-policy-list {
  min-height: calc(100vh - 200px);

  .new-content {
    width: 65%;
    margin: auto;
    display: flex;

    .content-left {
      flex-basis: 50%;
    }

    .content-cloud {
      flex-basis: 40%;
      height: 480px;
      margin-left: 160px;
      /* background: #F7F7F7;*/
      margin-top: 104px;

      .cloud-chart {
        height: 100%;
        width: 100%;
      }
    }

    .time-select {
      margin-top: 36px;

      /*
      ::ng-deep .ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {font-size: 20px;}
      */

      nz-radio-group {
        label {
          text-align: center;
          font-size: 20px;
          padding: 8px 0;
          margin-right: 32px;
        }

        ::ng-deep label.ant-radio-wrapper-checked {
          color: #1890ff;
          border-bottom: 2px solid #1890ff;
        }
      }
    }

    .policy-list {
      width: 100%;

      .list {

        .policy-item {
          display: flex;
          font-size: 18px;
          margin-bottom: 12px;
          cursor: pointer;

          .policy-time { color: rgba(0,0,0,.85); }
        }
      }

      .cloud {
        width: 30%;
      }
    }
  }


}


.new-policy-list.f1280 {

  .new-content {
    /*width: 80%;*/
    width: 1200px;
    margin: 0 auto;

    .content-left {
      flex-basis: 100%;
      /*flex-basis: 75%;*/
        

      .policy-item {
        width: 100%;
        height: 36px;
        display: flex;
        margin-top: 12px;
        cursor: pointer;
        border-bottom: 1px dotted gainsboro;
        align-items: center;

        .policy-time {
          margin-right: 8px;
          font-size: 16px;
          width: 110px;
        }

        .policy-right {
          width: calc(100% - 118px);

          .little-title {
            font-size: 16px;
            color: black;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
          }
        }
      }
    }

    .content-cloud {
      //width: calc(100% - 740px);
      flex-basis: 22%;
      margin-left: 40px;
      min-height: 500px;

    }
  }


  .content {
    width: 1224px;
    margin-top: 0;
  }

  .subscription-title {
    margin-top: 24px;

    h2 {
      font-size: 26px;
      line-height: 1;
    }
  }
}


